.main {
    padding-bottom: 3rem;
}

.main .layui-icon-left {
    font-size: .38rem;
}

.main .search-vss {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--ff);
}

.main .search-vss .container {
    margin: .2rem .2rem .1rem .2rem;
}

.main .search-vss .container .search {
    height: 0.68rem;
    background: var(--f6);
    border-radius: 0.34rem;
    padding: 0 .07rem 0 .21rem;
}

.main .search-vss .container .search .icon {
    width: .3rem;
    height: .3rem;
    margin-right: .1rem;
}

.main .search-vss .container .search .search-btn {
    padding: .1rem .2rem;
    background: linear-gradient(to right, var(--bd1), var(--bd));
    border-radius: .34rem;
    color: #fff;
    border: none;
    font-size: var(--default-font-size-28);
}

.main .search-vss .container .search .inp {
    font-size: var(--default-font-size-28);
}

.main .history {
    margin-top: 1.3rem;
}

.main .history .text {
    font-weight: 500;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
}

.main .history .layui-icon-delete {
    font-size: .38rem;
    color: var(--c9);
}

.main .history-list {
    flex-wrap: wrap;
    gap: .2rem;
}

.main .history-list .item {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--66);
    background: var(--ee);
    border-radius: .24rem;
    padding: .1rem .24rem;
}